<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8" />
		<link rel="icon" type="image/svg+xml" href="./favicon.ico" />
		<title>见闻间 - 让社区以全新的方式喧起来</title>
			
		<script type="module" crossorigin src="./assets/index-abba05ce.js?v=<?=md5_file(__DIR__.'/assets/index-abba05ce.js')?>"></script>
		<link rel="stylesheet" href="./assets/index-a23242ca.css?v=<?=md5_file(__DIR__.'/assets/index-a23242ca.css')?>">
	</head>

	<body>
		<div id="app">
			<div class="app-loading">
				<div class="app-loading__loader">
					<img class="loading__logo" src="./assets/logo-ef86275c.png" />
					<div class="loading__loader"></div>
				</div>
			</div>
		</div>
		
		<style>
			.app-loading {
				position: absolute;
				top: 0px;
				left: 0px;
				right: 0px;
				bottom: 0px;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				background: #212121;
			}

			.app-loading__loader {
				position: relative;
			}

			.loading__logo {
				position: absolute;
				z-index: 1;
				inset: 10px;
				width: 44px;
				height: 44px;
				border-radius: 50%;
			}

			.loading__loader {
				width: 64px;
				height: 64px;
				background: #353535;
				display: block;
				position: relative;
				box-sizing: border-box;
				animation: rotationBack 1s ease-in-out infinite reverse;
			}

			.loading__loader::before {
				content: '';
				box-sizing: border-box;
				left: 0;
				top: 0;
				transform: rotate(45deg);
				position: absolute;
				width: 64px;
				height: 64px;
				background: #2e2e2e;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
			}

			.loading__loader::after {
				content: '';
				box-sizing: border-box;
				width: 48px;
				height: 48px;
				border-radius: 50%;
				position: absolute;
				left: 50%;
				top: 50%;
				background: rgb(0, 0, 0);
				transform: translate(-50%, -50%);
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
			}

			@keyframes rotationBack {
				0% {
					transform: rotate(0deg);
				}

				100% {
					transform: rotate(-360deg);
				}
			}
		</style>
		

	</body>

</html>